﻿@{Layout = "~/Areas/Admin/Views/Shared/_BaseLayout.cshtml";}
<div class="loading"><img src="/content/images/ajaxLoader/loader01.gif" alt=""></div>

<div class="mainContainer">

    @Html.Partial("_Nav")

    <header>
        <div>
            <a href="#" class="logo"><img src="/content/images/logo.png" alt=""></a>

            <ul class="headerButtons">
                <li class="search">
                    <a href="#"><img src="/content/images/icons/14x14/light/magnifier.png" alt=""></a>
                    <div class="searchbox">
                        <div class="input-append">
                            <input size="16" type="text" placeholder="Search for something">
                            <button class="btn" type="button"><img src="/content/images/icons/14x14/magnifier.png" alt=""></button>
                        </div>
                    </div>
                </li>
                <li class="respNav"><a href="#"><img src="/content/images/respNav-list.png" alt=""></a></a></li>
                <li class="conta"><a href="#" class="changeContainer"><span class="container"></span></a></li>
                <li><a href="#"><img src="/content/images/icons/14x14/light/cog.png" alt=""></a></li>
                <li class="layout"><a href="#" class="layoutChange"><span class="layoutLeft"></span></a></li>
                <li><a href="#"><img src="/content/images/icons/14x14/light/lock3.png" alt=""></a></li>
            </ul>
        </div>
    </header>

    @Html.Partial("_Left")

    <div class="content">
        <div class="styleChoose">
            <a href="#" class="pullStyle"><span><img src="/content/images/icons/14x14/cog2.png" alt=""></span></a>
            <div class="colors">
                <ul id="styling">
                    <li><a href="javascript:void(0)" title="noise-black" id="noise-black"></a></li>
                    <li><a href="javascript:void(0)" title="noise-red" id="noise-red"></a></li>
                    <li><a href="javascript:void(0)" title="noise-green" id="noise-green"></a></li>
                    <li><a href="javascript:void(0)" title="noise-orange" id="noise-orange"></a></li>
                    <li><a href="javascript:void(0)" title="noise-blue" id="noise-blue"></a></li>
                    <li><a href="javascript:void(0)" title="noise-purple" id="noise-purple"></a></li>
                    <li><a href="javascript:void(0)" title="noise-yellow" id="noise-yellow"></a></li>
                </ul>
            </div>
            <div class="settings">
                <div class="navStyle">
                    <label class="formButton"><input type="radio" name="check" id="lnav" checked="checked"> <span>Left navigation</span></label>
                    <label class="formButton"><input type="radio" name="check" id="tnav"> <span>Top navigation</span></label>
                </div>
                <div class="patternchange">
                    <span>Container pattern:</span>
                    <ul class="containerPattern">
                        <li><a href="#" id="pattern01"><img src="/content/images/patterns/pattern01.png" alt=""></a></li>
                        <li><a href="#" id="pattern02"><img src="/content/images/patterns/pattern02.png" alt=""></a></li>
                        <li><a href="#" id="pattern03"><img src="/content/images/patterns/pattern03.png" alt=""></a></li>
                        <li><a href="#" id="pattern04"><img src="/content/images/patterns/pattern04.png" alt=""></a></li>
                        <li><a href="#" id="pattern05"><img src="/content/images/patterns/pattern05.png" alt=""></a></li>
                        <li><a href="#" id="pattern06"><img src="/content/images/patterns/pattern06.png" alt=""></a></li>
                        <li><a href="#" id="pattern07"><img src="/content/images/patterns/pattern07.png" alt=""></a></li>
                        <li><a href="#" id="pattern08"><img src="/content/images/patterns/pattern08.png" alt=""></a></li>
                        <li><a href="#" id="pattern09"><img src="/content/images/patterns/pattern09.png" alt=""></a></li>
                    </ul>
                    <div class="clearfix"></div>
                </div>
            </div>
        </div>

        <div class="topBar">
            <div class="topBarInner">
                <ul class="breadcrumbs">
                    <li><a href="#"><img src="/content/images/icons/14x14/home5.png" alt=""></a></li>
                    <li class="dropdown">
                        <a class="dropdown-toggle" data-toggle="dropdown" href="#">UI elements <span class="arrow"></span></a>
                        <ul class="dropdown-menu pull-left">
                            <li><a href="#">Main UI elements</a></li>
                            <li><a href="#">Messages</a></li>
                        </ul>
                    </li>
                    <li><a href="#">Buttons</a></li>
                </ul>

                <ul class="profile barButtons">
                    <li class="profile">
                        <a href="#"><img src="/content/images/icons/14x14/member2.png" alt=""> Bernad Delic <span class="arrow"></span></a>
                        <ul>
                            <li class="profileInfo clearfix">
                                <img src="/content/upload/201311/avatar.jpg" alt="">
                                <div class="info">
                                    <h5>Bernad Delic</h5>
                                    <a href="#">user@something.com</a>
                                </div>
                            </li>
                            <li><a href="#"><img src="/content/images/icons/14x14/random.png" alt=""> Basic settings</a></li>
                            <li><a href="#"><img src="/content/images/icons/14x14/lock3.png" alt=""> User settings</a></li>
                            <li><a href="#"><img src="/content/images/icons/14x14/cog2.png" alt=""> Preferences</a></li>
                            <li><a href="#"><img src="/content/images/icons/14x14/lock3.png" alt=""> Log out</a></li>
                        </ul>
                    </li>
                </ul>
                <ul class="barButtons">
                    <li>
                        <a href="#"><img src="/content/images/icons/14x14/cog.png" alt=""> Settings <span class="arrow"></span></a>
                        <ul>
                            <li><a href="#"><img src="/content/images/icons/14x14/random.png" alt=""> Basic settings</a></li>
                            <li><a href="#"><img src="/content/images/icons/14x14/lock3.png" alt=""> User settings</a></li>
                            <li><a href="#"><img src="/content/images/icons/14x14/cog2.png" alt=""> Preferences</a></li>
                        </ul>
                    </li>
                    <li><a href="#"><img src="/content/images/icons/14x14/pad.png" alt=""> New orders <strong>(5)</strong></a></li>
                    <li>
                        <a href="#"><img src="/content/images/icons/14x14/box2.png" alt=""> Monthly reports <span class="arrow"></span></a>
                        <ul>
                            <li>
                                <a href="#"><img src="/content/images/icons/14x14/box2.png" alt=""> <strong>January 2013</strong></a>
                                <a href="#" class="ctrlButton"><img src="/content/images/icons/14x14/download4.png" alt=""></a>
                            </li>
                            <li>
                                <a href="#"><img src="/content/images/icons/14x14/box2.png" alt=""> December 2012</a>
                                <a href="#" class="ctrlButton"><img src="/content/images/icons/14x14/download4.png" alt=""></a>
                            </li>
                            <li>
                                <a href="#"><img src="/content/images/icons/14x14/box2.png" alt=""> November 2012</a>
                                <a href="#" class="ctrlButton"><img src="/content/images/icons/14x14/download4.png" alt=""></a>
                            </li>
                            <li>
                                <a href="#"><img src="/content/images/icons/14x14/box2.png" alt=""> October 2012</a>
                                <a href="#" class="ctrlButton"><img src="/content/images/icons/14x14/download4.png" alt=""></a>
                            </li>
                            <li>
                                <a href="#"><img src="/content/images/icons/14x14/box2.png" alt=""> September 2012</a>
                                <a href="#" class="ctrlButton"><img src="/content/images/icons/14x14/download4.png" alt=""></a>
                            </li>
                            <li>
                                <a href="#"><img src="/content/images/icons/14x14/box2.png" alt=""> August 2012</a>
                                <a href="#" class="ctrlButton"><img src="/content/images/icons/14x14/download4.png" alt=""></a>
                            </li>
                            <li>
                                <a href="#"><img src="/content/images/icons/14x14/box2.png" alt=""> July 2012</a>
                                <a href="#" class="ctrlButton"><img src="/content/images/icons/14x14/download4.png" alt=""></a>
                            </li>
                            <li>
                                <a href="#"><img src="/content/images/icons/14x14/box2.png" alt=""> June 2012</a>
                                <a href="#" class="ctrlButton"><img src="/content/images/icons/14x14/download4.png" alt=""></a>
                            </li>
                            <li>
                                <a href="#"><img src="/content/images/icons/14x14/box2.png" alt=""> May 2012</a>
                                <a href="#" class="ctrlButton"><img src="/content/images/icons/14x14/download4.png" alt=""></a>
                            </li>
                            <li><a href="#"><img src="/content/images/icons/14x14/random.png" alt=""> View all reports</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="#"><img src="/content/images/icons/14x14/file.png" alt=""> Invoices <span class="arrow"></span></a>
                        <ul>
                            <li><a href="#"><img src="/content/images/icons/14x14/printer2.png" alt=""> Print latest invoice</li></a>
                            <li><a href="#"><img src="/content/images/icons/14x14/box2.png" alt=""> Invoice archive</a></li>
                            <li><a href="#"><img src="/content/images/icons/14x14/plus.png" alt=""> Create new invoice</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="#"><img src="/content/images/icons/14x14/envlope1.png" alt=""> Messages <strong>(3)</strong> <span class="arrow"></span></a>
                        <ul>
                            <li><a href="#"><img src="/content/images/icons/14x14/plus.png" alt=""> New message</a></li>
                            <li><a href="#"><img src="/content/images/icons/14x14/download4.png" alt=""> Inbox <strong>(3)</strong></a></li>
                            <li><a href="#"><img src="/content/images/icons/14x14/upload4.png" alt=""> Outbox</a></li>
                            <li><a href="#"><img src="/content/images/icons/14x14/trash.png" alt=""> Trash</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>

        <div class="contentInner">

            <div class="iWidgets" align="center">
                <a href="#" rel="tipsyN" title="Add something" class="iWidget"><img src="/content/images/icons/24x24/add.png" alt=""></a>
                <a href="#" rel="tipsyN" title="Change grid" class="iWidget"><img src="/content/images/icons/24x24/grid.png" alt=""></a>
                <a href="#" rel="tipsyN" title="Love buttons" class="iWidget"><img src="/content/images/icons/24x24/heart.png" alt=""></a>
                <a href="#" rel="tipsyN" title="Upload something" class="iWidget"><img src="/content/images/icons/24x24/upload.png" alt=""></a>
                <a href="#" rel="tipsyN" title="Displal stats" class="iWidget"><img src="/content/images/icons/24x24/graph4.png" alt=""></a>
                <a href="#" rel="tipsyN" title="Love again" class="iWidget"><img src="/content/images/icons/24x24/heart.png" alt=""></a>
            </div>

            <div class="divider"><div><span></span></div></div>

            @RenderBody()

        </div>

    </div>
</div>
